<!--  -->
<template>
  <div class="mana">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="头部信息" name="first"><Headers /> </el-tab-pane>
      <el-tab-pane label="基本情况" name="second"><Fundamental /></el-tab-pane>
      <el-tab-pane label="推荐园区" name="third"><Recommended /></el-tab-pane>
      <el-tab-pane label="优选项目" name="fourth"><Optimization /></el-tab-pane>
      <el-tab-pane label="推荐载体" name="five"><Supporter /></el-tab-pane>
      <el-tab-pane label="推荐政策" name="six">推荐政策</el-tab-pane>
      <el-tab-pane label="新闻资讯" name="seven">新闻资讯</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Headers from '@/components/admin/portal/management/Headers.vue'
import Fundamental from '@/components/admin/portal/management/Fundament.vue'
import Recommended from '@/components/admin/portal/management/Recommend.vue'
import Optimization from '@/components/admin/portal/management/Optimiza.vue'
import Supporter from '@/components/admin/portal/management/Supporter.vue'
export default {
  components: {
    Headers,
    Fundamental,
    Recommended,
    Optimization,
    Supporter,
  },
  data() {
    return {
      activeName: 'first',
    }
  },
  created() {},
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    },
  },
  beforeDestroy() {},
}
</script>

<style lang='scss' >
.mana {
  width: 97%;
  height: 960px;
  margin: 0 auto;
  background: #fff;
  .el-tabs__header {
    margin: 0;
  }
  .el-tab-pane {
    height: auto;
  }
  .el-tabs__active-bar {
    background-color: #131026;
  }
 .el-tabs__item.is-active {
    color: #131026;
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: 600;
  }
}
</style>
